<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品推广</title>
		<link rel="stylesheet" href="css/bs_popularized.css" />
	</head>
	<body>
		<div class="web">
			<header>
				<div class="wrap">
					<div class="content">
						<div class="imgFix">
							<a href="homepage.html"><img src="img/logo.jpg"/></a>
						</div>
						<div class="line1"></div>
						<h2>不二联盟</h2>
					</div>
					<div class="user_info">
						<p>你好，<a href="">SUPER12</a><b>|</b> <a href="">退出</a></p>
					</div>
				</div> 
			</header>
			<div class="main">
				<div class="main_content">
					<!--右边内容-->
					<div class="list">
						<ul class="first">
							<li>
								<h5>首页</h5>
								
							</li>
							<li>
								<h5>我要推广</h5>
								<i></i>
								<ul>
									<li><a href="bs_popularized.html">商品推广</a></li>
								</ul>
							</li>
							<li>
								<h5>效果报表</h5>
								<i></i>
								<ul>
									<li><a href="bs_popularized_effect.html">推广效果</a></li>
									<li><a href="">订单明细</a></li>
								</ul>
							</li>
							<li>
								<h5>结算中心</h5>
								<i></i>
								<ul>
									<li><a href="bs_homepage.html">收入结算</a></li>
								</ul>
							</li>
							<li>
								<h5>账户管理</h5>
								<i></i>
								<ul>
									<li><a href="bs_account_personal.html">个人帐户信息</a></li>
									<li><a href="bs_account_company.html">企业帐户信息</a></li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="info">
						<h3>商品推广</h3>
						<div class="search_wrap">
							<div class="product_search">
								<div class="text">
									<input type="text" name="product_search" placeholder="请输入你要搜索的商品信息（商品名称、商品ID）"/>
								</div>
								<div class="selector">
										<p>全部类目</p>
										<span><i></i></span>
										<ul>
											<li>类目1</li>
											<li>类目2</li>
											<li>类目3</li>
										</ul>
								</div>
							</div>
							<a class="btn" href="">查询</a>
						</div>
						<table  cellspacing="0">
							<tr>
								<th>商品</th>
								<th>类目</th>
								<th>销售单价</th>
								<th>计佣单价</th>
								<th>佣金比例</th>
								<th>佣金</th>
								<th>月销</th>
								<th>操作</th>
							</tr>
							<tr>
								<td>
									<div class="imgFix">
										<img src="img/custom-pro04.jpg" alt="" />
									</div>
									<p>Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</p>
								</td>
								<td>
									骑行裤
								</td>
								<td>
									¥299.00
								</td>
								<td>
									¥299.00
								</td>
								<td>
									15%
								</td>
								<td>
									¥15
								</td>
								<td>
									78
								</td>
								<td>
									<a href="" class="btn2">我要推广</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="imgFix">
										<img src="img/custom-pro04.jpg" alt="" />
									</div>
									<p>Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</p>
								</td>
								<td>
									骑行裤
								</td>
								<td>
									¥299.00
								</td>
								<td>
									¥299.00
								</td>
								<td>
									15%
								</td>
								<td>
									¥15
								</td>
								<td>
									78
								</td>
								<td>
									<a href="" class="btn2">我要推广</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="imgFix">
										<img src="img/custom-pro04.jpg" alt="" />
									</div>
									<p>Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</p>
								</td>
								<td>
									骑行裤
								</td>
								<td>
									¥299.00
								</td>
								<td>
									¥299.00
								</td>
								<td>
									15%
								</td>
								<td>
									¥15
								</td>
								<td>
									78
								</td>
								<td>
									<a href="" class="btn2">我要推广</a>
								</td>
							</tr>
							<tr>
								<td>
									<div class="imgFix">
										<img src="img/custom-pro04.jpg" alt="" />
									</div>
									<p>Santic森地客春秋骑行服自行车骑行长袖套装冬季骑行长裤</p>
								</td>
								<td>
									骑行裤
								</td>
								<td>
									¥299.00
								</td>
								<td>
									¥299.00
								</td>
								<td>
									15%
								</td>
								<td>
									¥15
								</td>
								<td>
									78
								</td>
								<td>
									<a href="" class="btn2">我要推广</a>
								</td>
							</tr>
						</table>
						<div class="page">
							<div>共3件商品</div>
							<ul>
								<li><a href=""><span class="pre">	</span></a></li>
								<li class="pageActive"><a href="">1</a></li>
								<li><a href="">2</a></li>
								<li><a href="">3</a></li>
								<li class="noborder"><a href="">····</a></li>
								<li><a href=""><span class="next"></span></a></li>
								<li class="noborder">跳至</li>
							</ul>
							<span>
								<input type="text" name="pageNum"/>
								页
							</span>
							<a href="">跳转</a>
					</div>
					</div>
				</div>
				<div class="copyright">
					Copyright &copy; right; 2016  不二定制版权所有     <a href="">闽ICP证070359号</a>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript">
	$(".selector").click(function(){
		$(this).find("ul").slideToggle();
	})
	$(".selector li").click(function(){
		var a = $(this).text();
		$(".selector>p").text(a);
	})
</script>